<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>遥感在线商城</title>
	<link rel="icon" href="<c:url value="/img/favicon.ico"/>" type="image/x-icon"/>
	<link media="all" href="../css/base.css" type="text/css" rel="stylesheet" />
	<link media="all" href="../css/index.css" type="text/css" rel="stylesheet" />
	
	<script src="<c:url value="/js/jquery-1.2.6.js"/>" type="text/javascript"> </script>
</head>

<body>
	
	<script src="<c:url value="/js/base-v1.js"/>" type="text/javascript"></script>
	
	<jsp:include page="shortcut.jsp" />


	<div id="o-header">

		<div id="header" class="w">

			<div class="ld" id="logo">
				<a rel="nofollow" href="<c:url value="/category/home.html"/>">
					<img height="50" width="174" src="../img/logo.png"/></a>
			</div>

			<!--logo end-->

			<div id="search" style="border-width: 1px 0 1px 1px; border: groove; border-right: aliceblue;">
				<div class="i-search ld">

					<div style="padding-left: 3px; margin-left: 0;float: left; padding-top: 9px;">
						<span style="font-size: 15px">省份：</span>
					</div>
					
					<div style="padding-left: 3px; margin-left: 0;float: left;">
						<div id="div_State">
							<select class="state"  onchange="changeState(this)" id="state">
								<option value="-22">请选择</option>
							</select>
						</div>
					</div>
					
					<div style="padding-left: 3px; margin-left: 0;float: left; padding-top: 9px;">
						<span style="font-size: 15px">城市：</span>
					</div>
					
					<div style="padding-left: 3px; margin-left: 0;float: left;">
						<div id="div_City">
							<select class="city" id="city">
								<option value="-22">请选择</option>
							</select>
						</div>
					</div>
					<div style="padding-left: 1px; margin-left: 0;float: left;border-width: 1px 0 1px 1px;">
						<span style="font-size: 15px">分辨率：</span>
						<select style="width: 66px; height: 35px" id="resolution">
							<option value="-22">请选择</option>
							<option value="0.5">0.5m</option>
						</select>
					</div>
					<!-- <div class="intext">
						<input id="key" type="text" class="intext-in" value="" onkeypress="if (event.keyCode==13){search('intext-in');return false;}" />
					</div> -->
					<div class="inbut">
						<input type="button" class="inbut-in" value="搜索" onclick="search('intext-in');return false;" />
					</div>
				</div>

			</div>

			<!--search end-->



			<div id="settleup" style="cursor: pointer">
				(${itemCount })
			</div>

			<!--settleup end-->

		</div>

		<!--header end-->




		<div class="w">
			<div id="nav">
				<jsp:include page="/jsp/allsort.jsp" />

				<div id="treasure"></div>
				<ul id="navitems">
					<li id="ept-navone" class="fore1">
						<a href="<c:url value="/category/home.html"/>">首页</a>
					</li>
					<li id="ept-navtwo" class="fore2">
						<a href="">原始影像</a>
					</li>
					<li id="ept-navthree" class="fore3">
						<a href="">影像定制</a>
					</li>
				</ul>
				
			</div>
		</div>
	</div>

	<div class="w">
		<div class="right">
			<img src="<c:url value="/image/54bc.jpg"/>" width="550" height="250"/>
			<div class="choose m">
				<div class="mt">
					<a href="http://sale.jd.com/act/2O5dAbzDY3jIRl.html">
						<h2>消费保障</h2>
					</a>
				</div>
				<div class="mc">
					<ul>
						<li>
							<b class="i-use"></b>
							<a href="http://help.en.jd.com/help/question-6.html">
								<h5>全额退款</h5>
							</a>
							<div class="p-name">
								在影像未发货前可全额退款。
							</div>
						</li>
						<li>
							<b class="i-usy"></b>
							<a href="http://help.en.jd.com/help/question-37.html">
								<h5>正品保障</h5>
							</a>
							<div class="p-name">
								所有的影像都保证真实
							</div>
						</li>
						<li class="fore">
							<b class="i-usp"></b>
							<a href="http://help.en.jd.com/help/question-39.html">
								<h5>安全保障</h5>
							</a>
							<div class="p-name">
								PayPal可以保障我们的付款安全
							</div>
						</li>
					</ul>
				</div>
			</div>
			<span class="clr"></span>
			<div class="m" id="reco">
				<div class="mt">
					<h2>热销影像</h2>
				</div>
				<div class="mc" id="m-scroll">
					<div id="brands-left" class="reco-l"></div>
					<div class="i-reco">
						<ul class="list-h">
							<c:forEach var="category" items="${list }">
									<li>
										<div class="p-img">
											<a href="<c:url value="/category/categoryInfo.action/${category.itemId }"/>" rel="nofollow">
												<img width="130" height="130" src="<c:url value="/image/getImage.action/${category.imageId[0] }"/>"/>
											</a>
											<div class="pbookb"></div>
										</div>
										<div class="p-name">
											<a href="<c:url value="/category/categoryInfo.action/${category.itemId }"/>">
												${category.title }
											</a>
										</div>
										<div class="p-price">￥${category.price }</div>
									</li>
							</c:forEach>
						</ul>
					</div>
					<div id="brands-right" class="reco-r"></div>
				</div>
			</div>
		</div>


		<div class="left-index">
			<div class="p-searches lt-part">
				<div class="mt">
					<h2>
						<span class="red">热门搜索</span>
					</h2>
				</div>
				<div class="mc">
					<div class="results">
						<span class="item">
							<a href="">
								酒泉
							</a>
						</span>
						<span class="item">
							<a href="">
								甘肃
							</a>
						</span>
						<span class="item">
							<a href="">
								卫星影像
							</a>
						</span>
						<span class="item">
							<a href="">
								嘉峪关
							</a>
						</span>
						<span class="item">
							<a href="">
								2009年
							</a>
						</span>
						<span class="item">
							<a href="">
								正射
							</a>
						</span>
						<span class="item">
							<a href="">
								0.5米
							</a>
						</span>
					</div>
				</div>
			</div>

			<div class="m"></div>

			<div class="m"></div>

		</div>

		<span class="clr"></span>

	</div>
	
	<jsp:include page="/jsp/bottom.jsp" />
	
	<script src="<c:url value="/js/lib-v1.js"/>" type="text/javascript"> </script>

	<script type="text/javascript">
		$(document).ready(function(){
			$("#settleup").bind("click", function(){
				window.location.href='<c:url value="/cart/getCart.action"/>';
			});
	
			$(".item").hover(function(){
					$(this).addClass("hover");
				},function(){
					$(this).removeClass("hover");
			});
			jQuery.ajax({
		        type:"POST",
		        dataType:"json",
		        url:"/RemoteSensing/district/listProvince.action?cid=" + 3,
		        data:"",
		        success:function (data) {
		            if (data != null && data.option != "") {
		            	document.getElementById('div_State').innerHTML = data.option;
		            } else {
		            	document.getElementById('div_State').innerHTML = "<select ><option value='-22'>请选择</option></selected>";
		            }
		        }
		    });
		});

		$(function(){

			  $("#m-scroll").jdMarquee({

			  deriction:"left",

			  width:730,

			  height:220,

			  step:3,

			  control:true,

			  speed:6,

			  _front:"#brands-right",

			 _back:"#brands-left"

		  });

	   })
	</script>

</body>
</html>



